<template>
<!-- 必须要加 v-if它这个才滚 我也是服了 -->
  <Swiper class="handleImg"
  v-if="images.length"
   >
    <SwiperItem
    v-for="(item,index) in images"
    :key="index"
    class="item"
   >
   <img :src="item" alt="">
    </SwiperItem>
  </Swiper>
</template>

<script>
import { Swiper, SwiperItem } from '@/components/common/swiper/index.js'
export default {
  props: {
    images: {
      type: Array,
      default () {
        return []
      }
    }
  },
  components: {
    Swiper,
    SwiperItem
  }
}
</script>

<style lang='scss' scoped>
 .handleImg {
   text-align: center;
    .item{
    height: 300px;
    }
 }
</style>
